<template>
	<div class="goods">
		<goods-item v-for="item in goods" :key="item" :product="item">
		</goods-item>
		
	</div>

</template>
<!--展示商品信息-->
<script>
import GoodsItem from "./goodsItem/GoodsItem";

export default {
	name: "Goods",
	props:{
		goods:{
			type:Array,
			default(){
				return []
			}
		}
	},
	components: {
		GoodsItem
	},
	setup(props){
	}
}
</script>

<style scoped>
.goods {
	display: flex;
	flex-wrap: wrap; /*换行*/
	justify-content: space-around;  /*空间环绕*/
	padding: 2px;
}
</style>